import React, { Component } from 'react';
import './child.scss';
class Com extends Component {
    constructor (props) {
        super(props);
        this.state = {}
    }

    render () {
        return(

            <div className="userCenter">
                <div className="sharesCentent">
                    <h1>分享</h1>
                
                    <div className='entry-list'>
                        <ul className='content-box'>
                            <li className='info-box'>
                                <div className='info-box-row'>
                                    <ul>
                                        <li>gongph<i className='iconfont icon-dian'></i></li>
                                        <li>2月前<i className='iconfont icon-dian'></i></li>
                                        <li>
                                            <span>HTML / </span>
                                            <span>CSS / </span>
                                            <span>前端</span>
                                        </li>
                                    </ul>
                                </div>
                                <div className='info-box-title'>
                                一篇真正教会你开发移动端页面的文章(二)
                                </div>
                                <div className='info-box-operation'>
                                    <ul>
                                        <li>
                                            <i className='iconfont icon-zan1'></i>
                                            <span>6</span>
                                        </li>
                                        <li>
                                            <i className='iconfont icon-pinglun'></i>
                                            <span>6</span>
                                        </li>
                                        <li className='fenxiang'>
                                            <i className='iconfont icon-fenxiang'></i>
                                        </li>
                                        <li className='shoucang'>
                                            <i className='iconfont icon-shoucang'></i>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            
                            <li className='info-box'>
                                <div className='info-box-row'>
                                    <ul>
                                        <li>gongph<i className='iconfont icon-dian'></i></li>
                                        <li>2月前<i className='iconfont icon-dian'></i></li>
                                        <li>
                                            <span>HTML / </span>
                                            <span>CSS / </span>
                                            <span>前端</span>
                                        </li>
                                    </ul>
                                </div>
                                <div className='info-box-title'>
                                一篇真正教会你开发移动端页面的文章(一)
                                </div>
                                <div className='info-box-operation'>
                                    <ul>
                                        <li>
                                            <i className='iconfont icon-zan1'></i>
                                            <span>6</span>
                                        </li>
                                        <li>
                                            <i className='iconfont icon-pinglun'></i>
                                            <span>6</span>
                                        </li>
                                        <li className='fenxiang'>
                                            <i className='iconfont icon-fenxiang'></i>
                                        </li>
                                        <li className='shoucang'>
                                            <i className='iconfont icon-shoucang'></i>
                                        </li>
                                    </ul>
                                </div>
                            </li>

                            <li className='info-box'>
                                <div className='info-box-row'>
                                    <ul>
                                        <li>gongph<i className='iconfont icon-dian'></i></li>
                                        <li>8月前<i className='iconfont icon-dian'></i></li>
                                        <li>
                                            <span>Vue.js / </span>
                                            <span>Vuex / </span>
                                        </li>
                                    </ul>
                                </div>
                                <div className='info-box-title'>
                                Vue2.0 | 仿韩寒「ONE · 一个」APP
                                </div>
                                <div className='info-box-operation'>
                                    <ul>
                                        <li>
                                            <i className='iconfont icon-zan1'></i>
                                            <span>6</span>
                                        </li>
                                        <li>
                                            <i className='iconfont icon-pinglun'></i>
                                            <span>6</span>
                                        </li>
                                        <li className='fenxiang'>
                                            <i className='iconfont icon-fenxiang'></i>
                                        </li>
                                        <li className='shoucang'>
                                            <i className='iconfont icon-shoucang'></i>
                                        </li>
                                    </ul>
                                </div>
                            </li>

                        </ul>
                    </div>
                
                </div>            
            </div>
           
        )
    }
}
export default Com;